<!DoCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
{% load customtags %}

<html>
<head>
        <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
        
        <title>TextBadger</title>

	<link rel="shortcut icon" href="/static/TextBadger/images/icon.png">
      	<link rel="stylesheet" href="/static/TextBadger/css/index.css">
</head>

<body>
	<div id="GlobalContainer">
		<div id="TopPanel">
	        	<div id="logo"><img src = '/static/TextBadger/images/logo.png' /></div>
		</div>

		<div id="MainContent">
			<table style='padding-left:10px;margin:0;'><tr>
			<td style="width:500px;">	
				<div>Description</div>
			</td>
		
			<td>
			<div style="width:320px;">
				<div id='loginform'>
				<fieldset>
				<legend>Login</legend>
                                <form action='/?login' method="post">
                                        {% for field in loginform %}
                                                <div class='formfieldcontainer'>
                                                        <label class='fieldlabel' for='id_{{ field.name }}'>{{ field.label }} :</label>

                                                        {{ field }}

                                                        {% for error in field.errors %}
                                                                <label class='fielderror'>{{ error }}</label>
                                                        {% endfor %}
                                                </div>
                                        {% endfor %}

                                        <input type = "submit" class="button-base button-medium button-blue" id="btnLogin" value="Log In" />
                                </form>
				</fieldset>
	                        </div>

	            	   	<div id='registerform' style='margin-top:10px;'>
				<fieldset>
				<legend>Register</legend>
	                       	<form action='/?register' method="post">
					{% for field in registerform %}
                               			<div class='formfieldcontainer'>
                               	        		<label class='fieldlabel' for='id_{{ field.name }}'>{{ field.label }} :</label>

                                	       	        {{ field }}
	
                	                        	{% for error in field.errors %}
                        	                        	<label class='fielderror'>{{ error }}</label>
                                	        	{% endfor %}
                                		</div>
                       			{% endfor %}

                      	 		<input type = "submit" class="button-base button-medium button-blue" id="btnRegister" value="Sign Up" />
                       		</form>
				</fieldset>
               			</div>
	       		</div>
			</td>
			</tr></table>
		</div>
	</div>

	<div id="BottomContainer">
                <a href=''>About</a>
                <a href=''>Contact Us </a>
                <a href=''>Blog</a>
        </div>
</body>
</html>
